import React, { Component } from 'react';
import { Card, Button, Steps } from 'antd';

import styles from './index.module.less';

export default class OrderDetails extends Component {
  state = {}
  render() {
    return (
      <div className={styles.ui_order_details}>
        <Card
          title="订单详情"
        >
          <div className={styles.headerBox + ' ' + styles.clearfix}>
            <div className={styles.leftBox + ' ' + styles.pullLeft}>
              <div className={styles.title}>待收货</div>
              <div className={styles.orderNo}>订单编号：88888888888888</div>
              <div>
                <Button className={styles.btn}>投诉商家</Button>
              </div>
            </div>
            <div className={styles.line + ' ' + styles.pullLeft}></div>
            <div className={styles.rightBox + ' ' + styles.pullRight}>
              <Steps current={1} progressDot>
                <Steps.Step title="待支付" description="2018-09-10  2:23:21" />
                <Steps.Step title="买家确认提货" description="" />
                <Steps.Step title="待收货" description="" />
                <Steps.Step title="已完成" description="" />
                <Steps.Step title="交易完成" description="" />
              </Steps>
            </div>
          </div>
        </Card>
      </div>
    );
  }
}
